<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>task2</title>
	<link rel="stylesheet" href="css/task2.css">
</head>
<body>
	<div class="nav">
		<ul>
			<li>导航链接一</li>
			<li>导航链接二</li>
			<li>导航链接三</li>
			<li>导航链接四</li>
		</ul>
		<div class="logo"><img src="images/logo.jpg"></div>
	</div>
	<div class="content">
		<div class="article clearfix">
			<h1>这是文章一级标题</h1>
			<h2>这是二级标题</h2>
			<p>文章作者&nbsp;&nbsp;文章发表时间</p>
			<p>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落。马上换行了。</p>
			<p><img src="images/content.png"></p>
			<p>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落。马上换行了。<a href="http://ife.baidu.com">这里有一个链接链接到：http://ife.baidu.com</a></p>
		</div>
		<div class="article clearfix">
			<h1>这是另一篇文章一级标题</h1>
			<h2>这是二级标题</h2>
			<p>文章作者&nbsp;&nbsp;文章发表时间</p>
			<p>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落。马上换行了。</p>
			<p><img src="images/content.png"></p>
			<p>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落。马上换行了。<a href="http://ife.baidu.com">这里有一个链接链接到：http://ife.baidu.com</a></p>
			<ul>
				<li>列表项目一</li>
				<li>列表项目二</li>
				<li>列表项目三</li>
			</ul>
		</div>
		<div class="article clearfix">
			<h1>图片</h1>
			<ul class="picture">
				<li>好看的图片<img src="images/content.png" alt=""></li>
				<li>好看的图片<img src="images/content.png" alt=""></li>
				<li>好看的图片<img src="images/content.png" alt=""></li>
			</ul>
		</div>
		<div class="article clearfix">
			<h1>最后一篇文章一级标题</h1>
			<h2>这是二级标题</h2>
			<p>文章作者&nbsp;&nbsp;文章发表时间</p>
			<ol>
				<li>排名1</li>
				<li>排名2</li>
				<li>排名3</li>
			</ol>
			<p>下面是一个表格</p>
			<div class="table">
				<div class="tr">
					<div class="th">表头</div>
					<div class="th">表头</div>
					<div class="th">表头</div>
				</div>
				<div class="tr">
					<div class="td">表内容单元格</div>
					<div class="td">表内容单元格</div>
					<div class="td"><a href="">操作</a></div>
				</div>
				<div class="tr">
					<div class="td">表内容单元格</div>
					<div class="td">表内容单元格</div>
					<div class="td"><a href="">操作</a></div>
				</div>
				<div class="tr">
					<div class="td">表内容单元格</div>
					<div class="td">表内容单元格</div>
					<div class="td"><a href="">操作</a></div>
				</div>
				<div class="tr row">
					<div class="td">总计</div>
					<div class="td rowspan">1000</div>
				</div>		
			</div>
		</div>
		<div class="article clearfix">
			<h2>这是最后一个侧边栏，这是侧边栏的标题</h2>
			<div class="sideSlide">
				<div>
					<div>请输入邮箱地址：</div>
					<div><input type="text" placeholder="这是一个文本输入框"></div>
				</div>
				<div>
					<div>请输入密码：</div>
					<div><input type="password"></div>
				</div>
				<div>
					<div>请输入重复输入密码：</div>
					<div><input type="password"></div>
				</div>
				<div>
					<div>性别：</div>
					<div><input type="radio">男<input type="radio">女</div>
				</div>
				<div>
					<div>城市：</div>
					<div>
						<select name="" id="">
							<option value="">北京</option>
							<option value="">上海</option>
							<option value="">重庆</option>
						</select>
					</div>
				</div>
				<div>
					<div>爱好：</div>
					<div>
						<input type="checkbox">运动&nbsp;&nbsp;<input type="checkbox">艺术&nbsp;&nbsp;<input type="checkbox">科学
					</div>
				</div>
				<div>
					<div class="personComment">个人描述：</div>
					<div>
						<textarea name="" id="" class="textarea"></textarea>
					</div>
				</div>
			</div>
			<input type="button" value="提交" class="tSubmit">
		</div>
	</div>
</body>
</html>